<%@ page language="java" contentType="text/html; charset=UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<html>
<head>
	<meta charset="utf-8" />
	<meta name="keywords" content="pinpin社保" />
	<meta name="description" content="pinpin社保" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="renderer" content="webkit" />
    <meta name="viewport" content="width=device-width, initial-scale=1">
	<title>社保运营后台-月有效订单数</title>
</head>
<body>
	<%@ include file="/WEB-INF/jsp/common/common.jsp" %>
	<div id="wrapper">
        <%@ include file="/WEB-INF/jsp/common/menu.jsp" %>
        <div id="page-wrapper">
        	<div class="row">
                <div class="col-lg-12">
                    <!-- 路径导航 -->
                    <ol class="breadcrumb">
				      <li>社保后台</li>
				      <li class="active">月有效订单数</li>
				      <li><a href="${month_turnover_uri }">月流水详情</a></li>
				    </ol>
                </div>
            </div>
            <div class="row">
            	<div class="col-lg-12">
            		<div class="panel panel-default">
            			<div class="panel-body">
        			    	<div class="form-inline dt-bootstrap no-footer">
        			    		<!-- 表格列表 -->
        			    		<div class="row">
        			    			<div id="container" class="col-lg-12" style="height: 76%">
										        			    				
        			    			</div>
        			    		</div>
        			    	</div>
            			</div>
            		</div>
            	</div>
            </div>
        </div>
	</div>
</body>
    <script src="/as/js/highcharts.js"></script>
<script type="text/javascript">
$(function () {
    $('#container').highcharts({
        chart: {
            type: 'column'
        },
        title: {
            text: '各月有效订单数图表'
        },
        subtitle: {
            text: ''
        },
        xAxis: {
            categories: ${month}
        },
        yAxis: {
            title: {
                text: '月有效订单数'
            },
            allowDecimals: false,
	        type: 'logarithmic',
	        //labels: {step: 2},
	        softMin: 2000
	    },

        plotOptions: {
        	column: {
                dataLabels: {
                    enabled: true
                }
            }
        },
        series: [{
        	name: '有效单数',
            data: ${order_nums}
        }]
    });
});
</script>
</html>